iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
自我挑戰組

鐵人挑戰系列 第 11

Day11- html聊天室

  • 分享至 

  • xImage
  •  

Day11


一樣使用ws框架,javascript的撰寫,當open的時候傳送connected在CMD,關閉會傳送disconnected在CMD。

設定變數ip是使用req變數,port也使用req.remotePort,clientName是使用者的ip加上port來辨識不同使用者。
在一開始會傳送Welcome在使用者聊天室中,console.log的意思是傳輸到CMD會回傳甚麼而括號是回傳值的變數,我設定output是message,在var mess裡面的message中,因為要回傳的訊息是需要name、photo、type、message、dateTime、me的變數,需要傳輸給同組員的人處理,所以設定成這樣,若是需要中文,則在後面增加utf-8,最後回傳mess在CMD讓伺服器端知道用戶端打的字,最下面的程式則是傳送用戶端打的字到所有人的用戶端。演示結果為下:

這是尚未打開聊天室的,因為html還沒連接,所以做一個框架而已。等Day12再跟各位報告。


上一篇
Day10- html聊天室
下一篇
Day12- html聊天室
系列文
鐵人挑戰28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言